{extend name="list/list"}

{block name="header"}
<header id="header">
    <a href="#" class="iconfont fl">&#xe63f;</a>
    <div class="title">登录</div>
    <a href="#" class="iconfont fr">&#xe6a0;</a>
</header>
<div class="content">
    <div class="login-box">
        <div class="form-box">

            <form action="{:url('mobile/Login/login')}" method="post">

                <div class="row row-input clearfix">
                    <div class="row-l fl"><i class="iconfont">&#xe608;</i></div>
                    <div class="row-r">
                        <input id="Phone" name="email"  autocomplete="off" class="input_box"
                               placeholder="输入邮箱">
                    </div>
                </div>
                <div class="row row-input clearfix">
                    <div class="row-l fl"><i class="iconfont">&#xe692;</i></div>
                    <div class="row-r">
                        <input id="Pwd" name="pwd" type="password" class="input_box" placeholder="输入密码">
                    </div>
                </div>
                <div class="h20"></div>
                <div class="row row-btn">
                    <button class="btn btn-default" type="submit">登录</button>
                </div>
            </form>

            <div class="row row-btn">
                <a href="{:url('mobile/Registe/index')}" class="boder-btn">还没账号？立即注册</a>
            </div>
            <div class="row row-txt">
                <a href="" class="forget">忘记密码</a>
            </div>



        </div>
        <div class="h20"></div>
        <div class="otherway">
            <div class="title"><span>其他登录方式</span></div>
            <ul class="clearfix">
                <li>
                    <a href="#" class="weibo"><i class="iconfont">&#xe60a;</i></a>
                </li>
                <li>
                    <a href="#" class="qq"><i class="iconfont">&#xe607;</i></a>
                </li>
                <li>
                    <a href="#" class="weixin"><i class="iconfont">&#xe606;</i></a>
                </li>
            </ul>
        </div>
    </div>
</div>


<script>

    // 设置弹框参数
    // toastr.options = {
    //     closeButton: true,// 是否显示关闭按钮
    //     progressBar: true,// 实现显示计时条
    //     timeOut: "3000",  // 自动关闭时间
    //     positionClass: "toast-top-right" // 提示位置
    // };

    // function check() {
    //     var phone = $("#Phone").val();
    //     var pwd = $("#Pwd").val();
    //     var reg = /^[A-Za-z0-9,\.\?\:\+\-\*\&\^\%\$\#\@\!]{6,18}$/;
    //     if (phone == "") {
    //         toastr.error('FBI WARNING:请输入手机号');
    //         return false;
    //     } else if (pwd == "") {
    //         toastr.error('FBI WARNING:请输入密码');
    //         return false;
    //     } else if (!(/^1[3|4|5|8|7|9|6][0-9]\d{8}$/.test(phone))) {
    //         toastr.error('FBI WARNING:请您输入合法的手机号');
    //         return false;
    //     } else {
    //         return true;
    //     }
    // }

    // $('#dl').click(function () {
    //     $('form').submit();
    // })

</script>

{/block}